
<img class="ribbon" src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/ribbon.png" />
<ul class="ui-tabs-nav">
	<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/image1-small.jpg" alt="" /></a>
		<div class="info">
			<h2><a href="#">Title</a></h2>
			<div class="subcontent">this is content </div>
		</div>
	</li>
	<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/image2-small.jpg" alt="" /></a>
		<div class="info">
			<h2><a href="#">Title</a></h2>
			<div class="subcontent">this is content </div>
		</div>
	</li>
	<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/image3-small.jpg" alt="" /></a>
		<div class="info">
			<h2><a href="#">Title</a></h2>
			<div class="subcontent">this is content </div>
		</div>
	</li>

	<li class="ui-tabs-nav-item last" id="nav-fragment-4"><a href="#fragment-4"><img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/image4-small.jpg" alt="" /></a>
		<div class="info">
			<h2><a href="#">Title</a></h2>
			<div class="subcontent">this is content </div>
		</div>
	</li>
</ul>

<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
	<div class="img_featured">
		<img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/imagefea.jpg" alt="" />
	</div>
	<div class="info" >
		<div class="date-auth">
			<label>By:</label><span>auth</span> | <label>On:</label><span>date</span>
		</div>
		<h2><a href="#" >Present Simple</a></h2>

		<p>Lorem ipsum dolor sit , consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....</p>
		<div class="readmore"><a href="#" >Read More</a></div>
	</div>
</div>

<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
	<div class="img_featured">
		<img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/imagefea2.jpg" alt="" />
	</div>
	<div class="info" >
		<div class="date-auth">
			<label>By:</label><span>auth</span> | <label>On:</label><span>date</span>
		</div>
		<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
		<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
		<div class="readmore"><a href="#" >Read More</a></div>
	</div>
</div>

<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
	<div class="img_featured">
		<img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/imagefea3.jpg" alt="" />
	</div>

	<div class="info" >
		<div class="date-auth">
			<label>By:</label><span>auth</span> | <label>On:</label><span>date</span>
		</div>
		<h2><a href="#" >35 Amazing Logo Designs</a></h2>
		<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
		<div class="readmore"><a href="#" >Read More</a></div>
	</div>
</div>

<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
	<div class="img_featured">
		<img src="<?php echo $this->baseUrl()?>/app/templates/frontend/images/imagefea4.jpg" alt="" />
	</div>
	<div class="info" >
		<div class="date-auth">
			<label>By:</label><span>auth</span> | <label>On:</label><span>date</span>
		</div>
		<h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
		<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
		<div class="readmore"><a href="#" >Read More</a></div>
	</div>
</div>